.tenement_sixth {
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
  
    .header {
      display: flex;
      justify-content: space-between;
      height: 60px;
      background: #fff;
      align-items: center;
      padding: 0 10px;
      padding-right: 20px;
      margin-bottom: 10px;
  
      h3 {
        display: flex;
        height: 100%;
        margin-left: 30px;
        font-weight: 600;
  
        span {
          width: 8px;
          flex: 1;
          background: rgb(94, 128, 234);
          margin-right: 15px;
        }
      }
  
      .right {
        .add {
          margin-right: 20px;
        }
      }
    }
  
    .main {
      flex: 1;
      display: flex;
      flex-direction: column;
      background: #fff;
      padding: 0 20px;
  
      .nav {
        display: flex;
        flex-direction: column;
  
        .tab {
          height: 50px;
          line-height: 50px;
          display: flex;
          align-items: center;
          border-bottom: 1px solid #ccc;
  
          span {
            height: 100%;
            padding: 0 30px;
            font-size: 14px;
            cursor: pointer;
          }
          span.current{
            color: green;
            border-bottom: 1px solid green;
          }
        }
        .kuang {
          flex: 1;
          padding: 30px 0;
          .form {
            border: 1px solid #999;
            border-radius: 8px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-around;
            width: 100%;
            padding: 20px 0;
            .left{
              flex: 9;
              display: flex;
              flex-wrap: wrap;
              >div {
                width: 33%;
                display: flex;
                padding:  15px 20px;
                align-items: center;
                span {
                  white-space: nowrap;
                  font-size: 14px;
                }
              }
            }
            .btns {
              flex: 1;
              display: flex;
              align-self: flex-start;
              margin-top: 15px;
              justify-content: right;
              margin-right: 30px;
              .chaxun {
                margin-right: 30px;
              }
            }
          }
        }
      }
  
      .tableBox {
        flex: 1;
  
        .table {
          text-align: left;
  
          :deep(td),
          :deep(th) {
            font-weight: 400;
            border: 1px solid #eee;
            padding-left: 10px;
          }
        }
      }
    }
  }